<html>
    <head>
        <title>表单的学习与使用</title>
    </head>
    <body>
        <h1>Form</h1>
        <h2>学习部分</h2>
        <form action="http://www.baidu.com" method="get">
            用户名:<input type ="text" name="txtNmae"/><br/>
            密码:<input type="password" name="txtPwd"/><br/>

            <fieldset>
            <legend>性别</legend>
            <input type="radio" name ="sex"/>男
            <input type="radio" name ="sex"/>女<br/>
            </fieldset>

            <fieldset>
            <legend>婚姻状况</legend>
            <input type="radio" name ="married"/>未婚
            <input type="radio" name ="married"/>已婚<br/>
            </fieldset>

            <select size="1">
                <optgroup label="江苏省">
                    <option>南京市</option>
                    <option>常州市</option>
                    <option>苏州市</option>
                    <option>无锡市</option>
                    <option>徐州市</option>
                    <option>连云港市</option>
                </optgroup>
                <optgroup label="河北省">
                    <option>保定市</option>
                    <option>廊坊市</option>
                    <option>沧州市</option>
                    <option>石家庄市</option>
                </optgroup>
                <optgroup label="湖北省">
                    <option>武汉市</option>
                    <option>黄冈市</option>
                    <option>黄石市</option>
                    <option>十堰市</option>
                </optgroup>
            </select><br/>
            <input type="file"/><br>
            <textarea cols="150" rows="10">这里全是文字</textarea><br/>
            <input type="submit"/>
            <input type="reset" value="清空"/>
        </form>
        <hr/>
        <h2>练习部分</h2>
        <form action="http://www.baidu.com" method="GET">
            <table border="1px" cellspacing="0px" cellpadding="0px">
                <tr>
                    <td>用户名:</td>
                    <td><input type="text" name="txtName"/></td>
                </tr>
                <tr>
                    <td>密码:</td>
                    <td><input type="password" name="txtPassWord"></td>
                </tr>
                <tr>
                    <td>验证码:</td>
                    <td><input type="text" name ="txtComfirm"/> 
                    <img src ="F:\Html\Html学习\头像专用.jpg" width="30" height="30"/>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="checkbox" name="txtRemind"/>记住密码</td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="submit" value="登录"/>
                    <input type="reset" value="重置"/>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>